<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>建材资讯</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
    <style type="text/css">
        body {
            background: #f4f4f4;
            font-size: 14px;

        }
        .aui-list-view i.aui-iconfont{
            color: #bdb9b9;
        }
        .aui-list-view i.aui-iconfont{
            margin-right: 0px;
        }
        .info{
            margin-top: 15px;
        }
        .info span{
            float: right;
            color: #676767;
        }
        .num{
            margin-right: 15px;
        }
        .aui-list-view .aui-img-object{
            max-width: 75px;
            height: 75px;
            line-height: 60px;
        }
    </style>
</head>
<body>

<div class=" contain">
    <ul class="aui-list-view">
        <li class="aui-list-view-cell aui-img">
            <img class="aui-img-object aui-pull-left" src="../image/shili.jpg">
            <div class="aui-img-body aui-ellipsis-2">
                图文列表图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略
            </div>
            <div class="info ">
                <span class="time">2016-12-1</span>
                <span class="num"><i class="aui-iconfont aui-icon-attention"></i>564</span>
            </div>
        </li>
        <li class="aui-list-view-cell aui-img">
            <img class="aui-img-object aui-pull-left" src="../image/shili.jpg">
            <div class="aui-img-body aui-ellipsis-2">
                图文列表图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略
            </div>
            <div class="info ">
                <span class="time">2016-12-1</span>
                <span class="num"><i class="aui-iconfont aui-icon-attention"></i>564</span>
            </div>
        </li>
        <li class="aui-list-view-cell aui-img">
            <img class="aui-img-object aui-pull-left" src="../image/shili.jpg">
            <div class="aui-img-body aui-ellipsis-2">
                图文列表图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略
            </div>
            <div class="info ">
                <span class="time">2016-12-1</span>
                <span class="num"><i class="aui-iconfont aui-icon-attention"></i>564</span>
            </div>
        </li>
        <li class="aui-list-view-cell aui-img">
            <img class="aui-img-object aui-pull-left" src="../image/shili.jpg">
            <div class="aui-img-body aui-ellipsis-2">
                图文列表图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略
            </div>
            <div class="info ">
                <span class="time">2016-12-1</span>
                <span class="num"><i class="aui-iconfont aui-icon-attention"></i>564</span>
            </div>
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/echo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();

    }
    ///切换左侧分类的样式









</script>
</html>